import React, { Component } from 'react'
import './Dot.css'

export default class Dots extends Component {
    render() {
        const { isShine, classCtrl, list } = this.props;
        return (
            <div className={classCtrl}>
                {
                    list.map(item => {
                        return item % 2 === 0 ?
                            <div className={`dot${isShine ? ' dark' : ' light'}`} key={item}></div>
                            :
                            <div className={`dot${isShine ? ' light' : ' dark'}`} key={item}></div>
                    })
                }
            </div>
        )
    }
}
